﻿// JavaScript Document
$(document).ready(function(){
	var changeBtn = $('.Pro_Change .Join_Btn');  //获取页面中更改社团类型按钮
	var styleDiv = $('#Club_Style');  //获取社团类型
	var changeFlag = true;  //设置标识判断是否移出菜单
	var clubList = $('#Club_List .Club_List_Img') ;  //获取社团区的所有社团部分
	clubList.mouseover(function(){  //社团图片放大函数
		$('.Club_Text_Bg').eq($(this).index(".Club_List_Img")).stop(true).animate({'height':'51px'},'fast');
		$('#Club_List .Club_List_Img .Club_Logo').eq($(this).index(".Club_List_Img")).stop(true).animate({'width':'90px','height':'90px'},'fast');
		
	})
	clubList.mouseleave(function(){  //社团图片缩小函数
		$('.Club_Text_Bg').eq($(this).index(".Club_List_Img")).stop(true).animate({'height':'28px'},'fast');
		$('#Club_List .Club_List_Img .Club_Logo').eq($(this).index(".Club_List_Img")).stop(true).animate({'width':'80px','height':'80px'},'fast');
	})
	styleDiv.mouseover(function(){changeFlag = false})
	styleDiv.mouseleave(function(){
		changeFlag = true;
		styleDiv.stop(true).animate({'top':'25px','opacity':'0'},'fast');
		styleDiv.fadeOut(0);
	})
	changeBtn.mouseover(function(){
		styleDiv.css('display','block');
		styleDiv.stop(true).animate({'top':'35px','opacity':'0.7'},'fast');
	})
	changeBtn.mouseleave(function(){
		setTimeout(function(){
		if(changeFlag)
		{
			styleDiv.stop(true).animate({'top':'25px','opacity':'0'},'fast');
			styleDiv.fadeOut(0);
		}
		},10)
	})
	
	
	//领域切换
	var selectBtn = $('#Select_Btn');  //获取换领域按钮
	var selectAll = $('#Select_All');  //获取换领域区域
	selectBtn.click(function(){  //换花样函数
		if(selectAll.css('height')=='40px'){
			selectAll.stop(true).animate({height:'203px'},'fast');
			selectBtn.css('backgroundImage','url(images/select_btn_up.jpg)')
		}
		else{
			selectAll.stop(true).animate({height:'40px'},'fast');
			selectBtn.css('backgroundImage','url(images/select_btn.jpg)')
		}
	})
	
	//社团列表边框
	var allClubList = $('.Club_List_All'); //获取所有社团列表
	
	allClubList.mouseover(function(){
		$(this).stop(true).animate({'borderBottom':'2px solid #09f'},'fast')
	})
	allClubList.mouseleave(function(){
		$(this).stop(true).animate({'borderBottom':'2px solid #FFF'},'fast')
	})
})